/**
 * Created by Administrator on 2017/7/26.
 */
define(['jquery', 'vue', 'mui'], function ($, Vue, mui) {
    /*
     * 首次显示时实例化组件
     * 示例为了简洁，将 options 放在了按钮的 dom 上
     * 也可以直接通过代码声明 optinos 用于实例化 DtPicker
     */
    var picker = new mui.DtPicker({});
    var vue = new Vue({
        el: '#pages',
        data: {
            bg_time: bg_time,
            end_time: end_time,
            ps_money: ps_money,
            ps_count: ps_count,
            ups_money: ups_money,
            ups_count: ups_count
        },
        methods: {
            bg_time_met: function () {
                picker.show(function (rs) {
                    /*
                     * rs.value 拼合后的 value
                     * rs.text 拼合后的 text
                     * rs.y 年，可以通过 rs.y.vaue 和 rs.y.text 获取值和文本
                     * rs.m 月，用法同年
                     * rs.d 日，用法同年
                     * rs.h 时，用法同年
                     * rs.i 分（minutes 的第二个字母），用法同年
                     */
                    document.getElementById("bg_time").innerText = "开始时间：" + rs.text;
                    vue.bg_time = rs.text;
                    /*
                     * 返回 false 可以阻止选择框的关闭
                     * return false;
                     */
                    /*
                     * 释放组件资源，释放后将将不能再操作组件
                     * 通常情况下，不需要示放组件，new DtPicker(options) 后，可以一直使用。
                     * 当前示例，因为内容较多，如不进行资原释放，在某些设备上会较慢。
                     * 所以每次用完便立即调用 dispose 进行释放，下次用时再创建新实例。
                     */
                    //picker.dispose();
                });
            },
            end_time_met: function () {
                picker.show(function (rs) {
                    /*
                     * rs.value 拼合后的 value
                     * rs.text 拼合后的 text
                     * rs.y 年，可以通过 rs.y.vaue 和 rs.y.text 获取值和文本
                     * rs.m 月，用法同年
                     * rs.d 日，用法同年
                     * rs.h 时，用法同年
                     * rs.i 分（minutes 的第二个字母），用法同年
                     */
                    document.getElementById("end_time").innerText = "结束时间：" + rs.text;
                    vue.end_time = rs.text;
                    /*
                     * 返回 false 可以阻止选择框的关闭
                     * return false;
                     */
                    /*
                     * 释放组件资源，释放后将将不能再操作组件
                     * 通常情况下，不需要示放组件，new DtPicker(options) 后，可以一直使用。
                     * 当前示例，因为内容较多，如不进行资原释放，在某些设备上会较慢。
                     * 所以每次用完便立即调用 dispose 进行释放，下次用时再创建新实例。
                     */
                    //picker.dispose();
                    $.get(select_url, {bg_time: vue.bg_time, end_time: vue.end_time}, function (result) {
                        if (result.code === 1) {
                            vue.ps_money = result.data.ps_money;
                            vue.ps_count = result.data.ps_count;
                            vue.ups_money = result.data.ups_money;
                            vue.ups_count = result.data.ups_count;
                        }
                    });
                });
            }
        }
    });
});